<div class="chongzhijilu">
<notempty name="chongzhijilu">
	<div class="list-title">
    	<span class="id">充值订单号</span>
        <span class="taoid">淘宝交易号</span>
        <span class="money">充值金额</span>
        <span class="date">充值日期</span>
    </div>
    <volist name="chongzhijilu" id="v">
    <div class="chongzhi-item">
    	<span class="id">{$v.id}</span>
        <span class="taoid">{$v.taoid}</span>
        <span class="money">{$v.money}</span>
        <span class="date">{$v.date}</span>
    </div>    
    </volist>
<else/>
	<div class="no-jilu">
    暂时充值记录
    </div>
</notempty>
</div>
<style type="text/css">
	.chongzhijilu { width:728px; height:auto; overflow:hidden;}
	.chongzhijilu .list-title { height:30px; line-height:30px; font-weight:bold; border-bottom:2px solid #eaeaea; margin-bottom:10px;}
	.chongzhijilu .chongzhi-item { height:26px; line-height:26px; cursor:pointer;}
	.chongzhijilu span { display:block; float:left;}
	.chongzhijilu .id { width:100px; text-align:center; margin-right:80px;}
	.chongzhijilu .taoid { width:100px; text-align:center; margin-right:80px;}
	.chongzhijilu .money { width:100px; text-align:center; margin-right:80px;}
	.chongzhijilu .date { width:180px; text-align:center;}
</style>
<script type="text/javascript">
	$(document).ready(function(e) {
        $(".chongzhi-item").mouseover(function(){
			$(this).css("background-color",'#eee');
			});	
		$(".chongzhi-item").mouseleave(function(){
			$(this).css("background-color",'#fff');
			});	
    });	
</script>